/*BANNER*/
.banner{ margin: -5px auto;}
.banner .swiper-pagination{ bottom: 50px;}
.banner .swiper-pagination-bullet{ margin: 0 8px; width: 14px; height: 14px; background: none; border:1px solid #FFFFFF;}
.banner .swiper-pagination-bullet-active{ background: #FFFFFF;}
.banner .swiper-button-next,
.banner .swiper-button-prev{ opacity:.6; display: none; width: 36px; height:60px; margin-top: -37px;}
.banner .swiper-button-prev{ left:15px; background-image: url(../images/banner_prev.png);}
.banner .swiper-button-next{ right:15px; background-image: url(../images/banner_next.png);}
.banner:hover .swiper-button-next,
.banner:hover .swiper-button-prev{ display: block;}
.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover{ opacity: 1;}
.banner img{ width: 100%; }
.banner .swiper-slide{ width: 100%; margin:0;}



/*HOME-PLAN*/
.home-plan{ padding: 35px 0; background: #2f3133;}
.home-plan .tit{ line-height: 40px; color:#FFFFFF;}
.home-plan .tit>span{ float: left; font-size: 32px; font-weight: bold;}
.home-plan .tit p{ float: right; font-size: 22px; line-height: 40px; height: 40px; }
.home-plan .tit p em{ font-style: normal; letter-spacing:3px; color: #d10000; height: 40px; vertical-align: middle; display: inline-block; }
.home-plan .tit p i{ font-style: normal; display: inline-block; vertical-align: middle;}
.home-plan .des{ margin-top: 5px; font-size: 16px; line-height: 26px; color: #FFFFFF;}
.home-plan .row{ margin-top: 15px; position: relative; padding-right: 195px;}
.home-plan .row .in{ float: left; width: 19.9%; position:relative; background: #FFFFFF; margin-right: 0.1%;}
.home-plan .row .in img{ position: absolute; top:10px; left:17px;}
.home-plan .row .in input,
.home-plan .row .in select{ width: 100%; height:50px; line-height: 50px;  padding: 0px 10px 0px 60px; background:none; border: none; color: #333333;}
.home-plan .row .button{ position: absolute; top:0; right:0; }
.home-plan .row .button input{ width: 190px; height: 50px; line-height: 50px; background: #0077b4; color: #FFFFFF; font-size: 17px; font-weight: bold;}


.number-animate{ line-height:40px; height:40px; font-size:22px; font-weight: normal; overflow: hidden; display: inline-block; position: relative; }
.number-animate .number-animate-dot{ width:16px; float: left; text-align: center;}
.number-animate .number-animate-dom{ width:16px; text-align: center; float: left; position: relative; top: 0;}
.number-animate .number-animate-dom span,.number-animate .number-animate-dot span{float: left;width: 100%; height: 40px;}



/*HOME-ABOUT*/
.home-about{ padding: 60px 0 55px;}
.home-about .theme{ padding-bottom: 22px; position: relative; text-align: center;}
.home-about .theme:after{ content: ""; position: absolute; bottom:0; left:50%; margin-left: -35px; width: 70px; height: 3px; background: #707070; }
.home-about .theme span{ font-size: 36px; line-height:36px; color: #333333; font-weight: bold; position: absolute; top:0; left:0; width: 100%; padding-top: 25px;}
.home-about .theme p{ color: #ececec; font-size: 72px; line-height: 72px; text-transform: uppercase;}
.home-about .content{ margin-top: 42px; background: #0077b4; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.home-about .content .left{ width: 80%; position: relative; cursor: pointer;}
.home-about .content .left .text{ position: absolute; top:50%; left:0; width: 100%; margin-top:-35px; text-align: center;}
.home-about .content .left .text span{ display: inline-block; width: 50px; height:50px; background: url(../images/ico_play.png);}
.home-about .content .left .text p{ margin-top: 15px; font-size: 16px; color: rgba(255,255,255,.6);}
.home-about .content .right{ width: 20%; padding: 0 25px; color: #FFFFFF; }
.home-about .content .right span{  position: relative; display: block;  padding-bottom: 28px; font-size:32px; font-weight: bold; line-height: 38px;}
.home-about .content .right span:after{ content: ""; position: absolute; bottom:0; left:0; width: 50px; height: 4px; background: #FFFFFF;}
.home-about .content .right p{ margin-top: 20px; font-size: 24px;}

.home-about .superiority ul{ margin-top: 30px; padding-left: 240px; position: relative;}
.home-about .guarantee ul{ margin-top: 3px; padding-left: 240px; position: relative;}
.home-about .superiority .box,.home-about .guarantee .box{ position: absolute;  width: 240px; height: 100%; top:0; left:0; background:url(../images/home_about_png.png) no-repeat bottom right #0077b4; color:#FFFFFF; padding-top:80px;text-align: center;}
.home-about .box .tit{ display: block; font-size: 28px; font-weight: bold;}
.home-about .box .tit span{ font-size: 70px;}
.home-about .box .des{ margin-top: 0px; font-size:12px; line-height: 12px;letter-spacing: 2px;}
.home-about .superiority li{ float: left; width:33.33%; border: 1px solid #c1c1c1; border-left: none;}
.home-about .guarantee li{ float: left; width:25%; border: 1px solid #c1c1c1; border-left: none;}
.home-about ul .item{ display: block; height: 280px; padding-top: 20px; text-align: center;}
.home-about ul .item .img{ position: relative; width:90px; display: inline-block;}
.home-about ul .item .img .default{ position: absolute; top:0; left:0;}
.home-about ul .item .img .hover{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);opacity: 0;}
.home-about ul .item .tit{ margin-top: 10px; font-weight: bold; color: #333333; font-size:18px;}
.home-about ul .item .des{ margin-top: 20px; line-height: 26px; font-size: .18rem;padding: 0 5px;}
.home-about ul .item:hover .tit{ color: #0077b4;}
.home-about ul .item:hover .img .default{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0;}
.home-about ul .item:hover .img .hover{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg);opacity: 1;}

@media (max-width:1540px) {
	.home-about .content .right span{ font-size: 24px; line-height: 30px;}
	.home-about .content .right p{ font-size: 18px;}
}




/*HOME-TIT*/
.home-tit{ text-align: center;}
.home-tit b{ display: block; font-size: 36px; line-height:50px; color: #333333; font-weight:bold;} 
.home-tit b i{ color: #0077b4; line-height:50px; display: inline-block; vertical-align: middle; font-style:normal;}
.home-tit b em{ font-style: normal;}
.home-tit p{ margin-top: 10px; position: relative;}
.home-tit p span{ position: relative; font-size: 16px; color: #999999; text-transform: uppercase;}
.home-tit p span:before,
.home-tit p span:after{ content: ""; position: absolute; top:50%; width: 270px; height: 1px; background: #999999;}
.home-tit p span:before{ left:-300px;}
.home-tit p span:after{ right:-300px;}
.home-tit b .number-animate .number-animate-dom{ width:22px; line-height:50px;}
.home-tit b .number-animate{font-size: 36px;}
.home-tit b .number-animate .number-animate-dom span, 
.home-tit b .number-animate .number-animate-dot span{ height: 50px;}


/*HOME-CASE*/
.home-case{ padding: 60px 0; background: #333333;}
.home-case .home-tit b{ color: #FFFFFF;}
.home-case .tab{ margin-top: 50px; font-size: 0; text-align: center;}
.home-case .tab span,
.home-case .tab a{ display: inline-block; margin: 0 35px; padding: 0 30px; height: 32px; line-height: 32px; color: #FFFFFF; font-size: 22px; font-weight: lighter; position: relative; cursor: pointer;}
.home-case .tab span.active{ background: #0077b4;}  
.home-case .tab span:after{ content: ""; position: absolute; top:50%; right:-30px; width: 2px; height: 20px; margin-top: -10px; background: #FFFFFF;}
.home-case .js-tab-box{ margin: 35px auto 0px;}
.home-case .js-tab-con{ display: none;}
.home-case .js-tab-con.active{ display: block;}
.home-case li{ float: left; width: 32.3%; margin-right: 0.5%;margin-left: 0.5%;margin-bottom: 1%;}
/*.home-case li:nth-child(4n){ margin-right: 0; }*/
.home-case .item{ display: block; position: relative;}
.home-case .item:after{ display: block; content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; z-index:0;}
.home-case .item .img{ width: 100%; overflow: hidden;}
.home-case .item .img img{ width: 100%;}
.home-case .item .text{  display: none; position: absolute; bottom:0; left:0; width: 100%; text-align: center; padding:150px 0 25px; color: #FFFFFF; z-index: 1;}
.home-case .item .text .tit{ font-size: 28px;}
.home-case .item .text p{ margin-top: 25px; opacity: .6;}
.home-case .item .text p i{ margin: 0 5px; font-size: 16px; font-style:normal;}
.home-case .item .text span{  display: none; margin-top: 25px; width: 168px; height: 46px; line-height: 46px; text-align: center; background: #0077b4; color: #FFFFFF;}
.home-case .item:hover:after{ display: none;}
.home-case .item:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-case .item:hover .text{ background: url(../images/home_case_png.png) bottom repeat-x;}
.home-case .item:hover .text{ display: block;}



/*HOME-DESIGNER*/
.home-designer{ padding: 60px 0 65px;}
.home-designer-top{ max-width: 1260px; margin: 50px auto 0; position: relative;}
.home-designer-top .dropdown,
.home-designer-top select{ margin-right: 10px; float: left; width: 208px; background: #0077b4;}
.home-designer-top .dropdown .designer-list{
display: inline-block;font-size: 20px; color: #FFFFFF;width: 100%;height: 50px;line-height: 50px;text-align: center;
}
.home-designer-top .dropdown .selected{ font-size: 20px; color: #FFFFFF; padding-left: 25px;}
.home-designer-top .dropdown .carat{ border-top: 8px solid #FFFFFF;}
.home-designer-top .dropdown.open .carat{ border-top: 6px solid transparent; border-bottom: 8px solid #FFFFFF;}
.home-designer-top .swiper-button-prev,
.home-designer-top .swiper-button-next{ margin:0; margin-left: 15px; position:relative; float: right; top:0; left:auto; right:auto; width:65px; height: 50px; font-size: 0;}
.home-designer-top .swiper-button-prev{ background:url(../images/home_prevh.png) center no-repeat #0077b4;}
.home-designer-top .swiper-button-next{ background:url(../images/home_nexth.png) center no-repeat #0077b4;}


.home-big-designer{ width: 1260px; margin:35px auto 0;}
.home-big-designer .swiper-slide{ height: 390px; text-align: center;}
.home-big-designer .box{ width: 190px; position: relative; display: inline-block; vertical-align:bottom; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.home-big-designer .box+i{ height: 100%; display: inline-block; vertical-align:bottom;}
.home-big-designer .swiper-slide-prev{ text-align: left;}
.home-big-designer .swiper-slide-next{ text-align: right;}
.home-big-designer .swiper-slide-prev .box{ margin-left: -5px; width: 230px;}
.home-big-designer .swiper-slide-next .box{ margin-right: -5px; width: 230px;}
.home-big-designer .swiper-slide-active .box{ width: 100%; }
.home-big-designer .box:hover .text{ display: block;}
.home-big-designer .text{ display: none; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6); color: #FFFFFF;}
.home-big-designer .text:after{ content: ""; position: absolute; bottom:0; right: 0; width: 50px; height: 50px; background: url(../images/designer_more.png);}
.home-big-designer .text .con{ display: inline-block; vertical-align: middle; width: 100%; color: #FFFFFF; text-align: left; padding: 0 20px}
.home-big-designer .text .con+i{ display: inline-block; height: 100%; vertical-align:middle;}
.home-big-designer .text a{ color: #FFFFFF;}
.home-big-designer .text .tit{ padding-bottom:20px; position: relative; letter-spacing: 2px;}
.home-big-designer .text .tit:after{ content: ""; position: absolute; bottom:0; left:0; width: 40px; height: 2px; background: #FFFFFF;}
.home-big-designer .text .tit b{ font-size: 18px; font-weight: bold; letter-spacing: 2px;}
.home-big-designer .text .tit p{ margin-top:5px;}
.home-big-designer .text .tip{ margin-top: 20px;}
.home-big-designer .text .appoint-button{ margin-top:40px; display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #0077b4; color: #FFFFFF; font-size: 16px;}
.home-big-designer .text .des{ margin-top: 12px; font-size: 13px;}
.home-big-designer .text .des em{ font-style: normal; color: #0077b4;}

.home-small-designer{ margin-top: 65px;}
.home-small-designer .swiper-slide{ position: relative; cursor: pointer; font-size: 0;}
.home-small-designer .swiper-slide img{ width: 100%;}
.home-small-designer .swiper-slide:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.home-small-designer .swiper-slide:hover:after{ display: none;}
.home-small-designer.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear
}
.home-small-designer.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}


/*HOME-QUALITY*/
.home-quality{ padding: 60px 0; background-image: url(../images/home_quality_bg.jpg); background-size: cover;}
.home-quality .home-tit b{ color: #FFFFFF;}
.home-quality .content{ margin-top: 50px;}
.home-quality .tab{ margin-top: -15px; float: left; width: 310px; color:#FFFFFF; cursor: pointer;}
.home-quality .tab a{ display: block; padding:17px 0 17px 73px; position: relative; color:#FFFFFF;}
.home-quality .tab a:before{ content: ""; position: absolute; top:50%; left:0; width: 50px; height: 1px; background: #FFFFFF;}
.home-quality .tab a i{ font-style:normal; font-size: 22px; font-weight: bold;}
.home-quality .tab a p{ margin-top: 5px;}
.home-quality .tab a.active{ background:#0077b4;}
.home-quality .tab a.active:after{ content: ""; position: absolute; top:0; right:100%; width: 400%; height: 100%; background: #0077b4;}
.home-quality .box-content{ margin-left: 325px;}
.home-quality .box-con{ display: none;}
.home-quality .box-con.active{ display: block;}

.home-quality .left{ float: left; width: 61%;margin-top: 55px;}
.home-quality .right{ float:right; width: 37.5%;}
.home-quality .video-button{ position:relative; cursor: pointer;}
.home-quality .video-button img{ width: 100%;}
.home-quality .video-button:after{ content: ""; position: absolute; top:0; left:0; background:rgba(0,0,0,.2); z-index: 0; width: 100%; height: 100%;}
.home-quality .video-button .con{ position: absolute; top:50%; margin-top: -35px; left:0; width: 100%; text-align: center; color: #FFFFFF; z-index: 1;}
.home-quality .video-button .con span{ display: inline-block; width: 50px; height:50px; background: url(../images/ico_play.png);}
.home-quality .video-button .con p{ margin-top: 15px; font-size: 22px;}
.home-quality .tec-item-button{ position:relative;}
.home-quality .tec-item-button img{ width: 100%;}
.home-quality .tec-item-button .text{ position: absolute; bottom:0; left:0; width: 100%; padding: 15px 35px; background: rgba(0,0,0,.5); color: #FFFFFF;text-align: center;}
.home-quality .tec-item-button .text span{ font-size: 18px;}
.home-quality .tec-item-button .text p{ display: none;}
.home-quality .right .box:first-child{ margin-bottom:4%;}
.home-quality .right .video-button .con p{ font-size: 18px;}


@media (max-width:1440px) {
	.home-quality .tab{ width: 285px;}
	.home-quality .tab span{ padding: 15px 0 15px 50px;}
	.home-quality .tab span:before{ width: 40px;}
	.home-quality .tab span i{ font-size: 18px;}
	.home-quality .js-tab-box{ margin-left:300px;}
}




/*HOME-QUES*/
.home-ques{ padding:60px 0 75px;}
.home-ques .content{ position: relative; padding-left: 340px;}
.home-ques .tit{ position: absolute; top:0; left:0;}
.home-ques .tit span{ display: block; font-size: 18px; line-height: 20px; color: #333333;}
.home-ques .tit p{ margin-top: 5px; font-size: 28px; color: #0077b4; font-weight: bold;}
.home-ques .tit a{ margin-top: 20px; display: inline-block; background: #0077b4; color: #FFFFFF; width: 130px; height: 38px; line-height: 38px; text-align: center; }
.home-ques .tit a:hover{ background: #006497;}
.home-ques li{ float: left; width: 23.5%; margin-right:2%;}
.home-ques li:last-child{ margin-right: 0;}
.home-ques li a{ display: block; height: 122px; position: relative; background: #f6f6f6; padding: 48px 30px 0; text-align:center; color: #333333; }
.home-ques li a span{ position: absolute; top:-24px; left:50%; margin-left: -24px; width: 48px; height: 48px; background: url(../images/ico_ques2.png) #0077b4 no-repeat; border-radius: 100%;}
.home-ques li a p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;} 
.home-ques li a:hover{ background: #0077b4; color: #FFFFFF;}
.home-ques li a:hover span{ box-shadow:0 0 10px rgba(0,189,110,.4); -webkit-box-shadow:0 0 10px rgba(0,189,110,.4); background: url(../images/ico_ques.png) #FFFFFF no-repeat; }



/*HOME-COMMENT*/
.home-comment{ padding: 60px 0 45px; background-image: url(../images/home_comment_bg.jpg); background-size:cover; overflow: hidden;}
.home-comment .home-tit b{ color: #FFFFFF;}
.home-comment .content{ margin-top: 40px; padding: 0 30px; position: relative;}
.home-comment .js-tab-box{ position: absolute; top:0; left:0; width:80%;}
.home-comment .js-tab-con{ height: 0; overflow: hidden;}
.home-comment .js-tab-con.active{ height: auto;}
.home-comment .swiper-slide{ padding: 20px 17px;}
.home-comment .item{ padding: 30px 45px 42px; display: block; background: #FFFFFF;}
.home-comment .item .head{ background: url(../images/comment_png.png) right 30px no-repeat; }
.home-comment .item .head-img{ float: left; width: 90px; border-radius: 100%; overflow: hidden;}
.home-comment .item .text{ margin-left: 115px; padding-top:5px;}
.home-comment .item .text .tit span{  font-size: 24px; line-height: 34px; color: #0077b4; font-weight: bold; display: block; vertical-align: middle;}
.home-comment .item .text .tit i{ margin-top: 3px; display: inline-block; vertical-align: middle; background: #ffd11a; color: #FFFFFF; font-size: 15px; line-height: 20px; height: 20px; padding: 0 10px; border-radius:10px; font-style: normal;}
.home-comment .item .text p{ margin-top: 5px; font-size: 13px; color: #999999;}
.home-comment .item .text .star{ margin-top: 10px; font-size: 0;}
.home-comment .item .text .star em{ font-size: 12px; color: #333333; display: inline-block; vertical-align: middle;}
.home-comment .item .text .star span{ display: inline-block; vertical-align: middle; margin: 0 5px;}
.home-comment .item .text .star i{ margin: 0 1px; display: inline-block; vertical-align: middle; width: 17px; height: 14px; background: url(../images/star.png);}
.home-comment .item .des{ margin-top: 12px; padding: 0 20px; font-size: 15px; line-height:28px; height:56px; overflow: hidden;}
.home-comment .item .img{ margin-top: 22px;}
.home-comment .item .img span{ float: left; width:48%; margin-right:4%;}
.home-comment .item .img span:nth-child(2n){ margin-right: 0;}

.home-comment .box{ float: right; width:39%; padding:45px 45px 40px; min-height: 509px; text-align: right; position: relative; background: #dddddd; padding-left:22%;}
.home-comment .box .tit{ padding-bottom: 15px; font-size: 28px; font-weight: bold;} 
.home-comment .box .tab span{ float:right; clear:both; margin-top: 15px;display: inline-block; line-height: 32px; height: 32px; padding: 0 15px; border-radius:16px; background: #FFFFFF; font-size: 18px; cursor: pointer;}
.home-comment .box .tab span.active{ background: #0077b4; color: #FFFFFF;}

.home-comment .box .more{ float: right; position: relative;  margin-top: 30px; display: block; width: 160px; height: 50px; font-size: 16px; line-height: 50px; text-align: center; background: #0077b4; color: #FFFFFF; font-size: 13px;}
.home-comment .box .more:hover{ background: #00689e;}

.home-comment .box .swiper-button-prev,
.home-comment .box .swiper-button-next{ position: absolute; top:auto; margin: 0; bottom:40px; width:40px; height: 40px; font-size: 0;}
.home-comment .box .swiper-button-prev{ left:55px; background: url(../images/home_prev.png) #ffffff;}
.home-comment .box .swiper-button-next{ left:105px; right: 0; background: url(../images/home_next.png) #ffffff;}
.home-comment .box .swiper-button-prev:hover{ background: url(../images/home_prevh.png) #0077b4;}
.home-comment .box .swiper-button-next:hover{ background: url(../images/home_nexth.png) #0077b4;}
.home-comment .add{ position: absolute; bottom: 0; left:60px; line-height: 96px; font-size: 28px; color: #ffffff;}
.home-comment .add span{ font-weight: bold; color: #0077b4;}

@media (max-width:1440px) {
	.home-comment .add{ font-size: 24px;}
}



/*HOME-SERVICE*/
.home-service{ padding-top: 35px;}
.home-service .theme span{ float: left; padding-left: 55px; font-size: 32px; color: #333333; display: block; height: 50px; line-height: 50px; background: url(../images/ico_light.png) no-repeat left;}
.home-service .theme a{ float: right; margin-top: 15px; font-size: 16px; color:#FFFFFF; background: #0077b4; display: inline-block; padding: 0 25px; line-height: 40px;}
.home-service ul{ margin-top: 28px;}
.home-service li{ float: left; width: 21.3%; margin-right: 1.2%;}
.home-service li a{ display: block; padding: 45px 30px 0; background: #eef5f8; height: 200px; position: relative;}
.home-service li .tit{ padding-top: 15px; font-weight: bold; font-size: 24px; color: #0077b4; position: relative;}
.home-service li .tit:before{ content: ""; position: absolute; top:0; left:0; width: 26px; height: 4px; background: #0077b4;}
.home-service li .des{ margin-top: 20px; line-height: 24px; height:48px; color: #666666;}
.home-service li:last-child{ width: 32.5%; margin-right: 0;}
.home-service li:last-child a{ background: url(../images/home_service_img.jpg) no-repeat right;}
.home-service li:last-child p{ position: absolute; top:50%; margin-top: -70px; left:0; width: 100%; background: rgba(255,255,255,.6); font-weight:bold; font-size: 26px; line-height: 35px; color: #0077b4; height:140px; padding-top: 5px; padding-left: 50px;}
.home-service li:last-child span{ display: block; width:160px; height: 30px; line-height: 30px; font-size: 12px; color: #ffffff; background: #0077b4; text-align: center;  margin-top: 15px; margin-left: 20px;}


/*HOME-NEWS*/
.home-news{ padding: 85px 0 88px; }
.home-news .content{ margin-top: 50px;}
.home-news .content a{ display: block; background: #0077b4; color: #FFFFFF; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.home-news .left{ width: 55%; padding:0 4%;}
.home-news .left .tit{ font-size: 24px;}
.home-news .left .des{ margin-top: 20px; line-height: 24px; max-height:96px; overflow: hidden;}
.home-news .left .more{ margin-top: 35px; padding-right: 30px; color: #FFFFFF; display:inline-block; background: url(../images/ico_news_more.png) no-repeat right;}
.home-news .right{ width: 45%; overflow: hidden;}
.home-news .content a:hover .right img{ transform: scale(1.1); -webkit-transform: scale(1.1);}

.home-news li{ margin-top: 30px; float: left; width:28.5%;  margin-right:7.25%;}
.home-news li:last-child{ margin-right:0;}
.home-news li a{ display: block;}
.home-news li .date{ display: inline-block; padding-bottom:5px; font-size: 24px; color: #777777; border-bottom: 1px solid #777777;}
.home-news li p{ margin-top: 20px; font-size: 18px; color: #555555;}
.home-news li .img{ margin-top: 15px; overflow: hidden;}
.home-news li .img img{ width: 100%;}
.home-news li .des{ margin-top: 35px; color: #555555; line-height: 20px; height: 40px; overflow: hidden;}
.home-news li .more{ margin-top: 30px; line-height: 30px;}
.home-news li .more .more-list{ float: left; display: block; width: 135px; height: 30px; color: #FFFFFF; padding-left: 12px; font-size: 16px; background:url(../images/ico_jiantou.png) no-repeat 115px 7px #0077b4;}
.home-news li .more i{ float: right; font-style: normal; background: url(../images/ico_news_more2.png) right no-repeat; padding-right: 25px;}
.home-news li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news li a:hover p{ color: #0077b4;}

.swiper-pagination{

}
.swiper {
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-button-next-img{
    width: 4.7vw;
    height: 4.7vw;
    position: absolute;
    top: 500px;
    right: 19px;
    z-index: 99;
}
.swiper-button-prev-img{
    width: 4.7vw;
    height: 4.7vw;
    position: absolute;
    top: 500px;
    left: 19px;
    z-index: 99;
}
.swiper-pagination .swiper-wrapper{
    width: 82.08%;
    height: 62.70vw;
}

.tszh-node-box{
    box-sizing: border-box;
    padding: 56px 10px;
    width: 100%;
    height: fit-content;
    background-color: #333333;
}
.tszh-node-box .node-title{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
}
.tszh-node-box .node-small-title{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 42px;
}
.tszh-node-box .node-small-title .node-bar{
    width: 206px;
    height: 1px;
    background: #A2A2A2;
}
.tszh-node-box .node-small-title .small-title{
    font-size: 14px;
    font-weight: 300;
    color: #A2A2A2;
    margin: 0 23px;
}
.tszh-node-box .node-type-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tszh-node-box .node-type-box .node-type-item{
    font-size: 18px;
    font-weight: 300;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    cursor: default;
}
.tszh-node-box .node-type-box .node-type-item div{
    width: 112px;
    height: 24px;
    text-align: center;
}
.tszh-node-box .node-type-box .node-type-item span{
    width: 2px;
    height: 20px;
    background-color: #FFFFFF;
    margin: 0 49px 0 41px;
}
.tszh-node-box .node-type-box .node-type-item-active div{
    background: #0077B4!important;
}
.tszh-node-box .node-line{
    width: 100%;
    height: 1px;
    background: #A2A2A2;
    margin-top: 30px;
    margin-bottom: 38px;
}
.tszh-node-box .node-box{
    display: flex;
    flex-wrap: wrap;
    width: 82.08%;
    margin: 0 auto;
}
.tszh-node-box .node-box .node-card-item{
    margin-right: 0.6vw;
    margin-bottom: 30px;
    width: 15.83vw;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 10px 7px 34px 7px;
    box-sizing: border-box;
    position: relative;
}
.tszh-node-box .node-box .node-card-item:nth-child(5n+0){
    margin-right: 0;
}
.tszh-node-box .node-box .node-card-item .node-play-img{
    position: absolute;
    top: 20px;
    right: 21px;
}
.tszh-node-box .node-box .node-card-item .node-card-img{
    width: 15.05vw;
    height: 18.98vw;
    border-radius: 10px;
    background-color: #EEEEEE;
    margin: 0 auto;
}
.tszh-node-box .node-box .node-card-item .node-card-title{
    margin: 23px 0 18px 8px;
    width: 13.28vw;
    font-size: 14px;
    font-weight: 500;
    color: #2C2C2C;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}
.tszh-node-box .node-box .node-card-item .node-user-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tszh-node-box .node-box .node-card-item .node-user-box .node-user{
    display: flex;
    align-items: center;
}
.tszh-node-box .node-box .node-card-item .node-user-box .node-user img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #EEEEEE;
    margin-right: 5px;
}
.tszh-node-box .node-box .node-card-item .node-user-box .node-user span{
    font-size: 14px;
    font-weight: bold;
    color: #484848;
}
.tszh-node-box .node-box .node-card-item .node-user-box .node-user-icon{
    display: flex;
    align-items: baseline;
}
.tszh-node-box .node-box .node-card-item .node-user-box .node-user-icon img{
    height: 18px;
    margin-right: 5px;
}
.tszh-node-box .node-box .node-card-item .node-user-box .node-user-icon span{
    font-size: 18px;
    color: #484848;
}